pub.bind(window,'load',function(){
    // 获取所需要用的元素 input p a
    var inps=document.getElementsByTagName('input');
    var ps=document.getElementsByTagName('p');
    var a=document.getElementsByClassName('db_test')[0];
    // console.log(inps,ps,a);
    // 给第一个用户输入框添加事件
     var reg5=/^1[3-9]\d{9}$/;
    inps[0].onblur=function(){
        // 获取第一个输入框里面的内容
        var inpt=this.value;
        // console.log(inpt);
        // 设定正则条件（手机号的条件）
        // console.log(reg5.test(inpt));
        // 判断：判断通过正则输出的是否为true，是p标签的文字透明，否则显示为红色
        if(reg5.test(inpt)==true){
            ps[0].style.color='transparent';
        }else{
            ps[0].style.color='red';
        }
    }
    // 给第二个密码框添加事件
    // 数字+英文+特殊字符
        var reg4=/(?!^[0-9a-zA-Z]{6,18}$)(?!^\d{6,18}$|^[a-zA-Z]{6,18}$)^[0-9a-zA-Z!,.?#@$%^&]{6,18}$/;
        // 纯英文或者纯数字
        var reg1=/^\d{6,18}$|^[a-zA-Z]{6,18}$/;
        // 数字+英文
        var reg2=/(?!^\d{6,18}$|^[a-zA-Z]{6,18}$)^[0-9a-zA-Z]{6,18}$/;
    inps[1].onblur=function(){
        // 获取第二个输入框里的内容
        var inpt=this.value;
        // console.log(inpt);
        
        // 当满足数字+英文+特殊字符的时候
        if(reg4.test(inpt)==true){
            ps[1].style.color='green';
            ps[1].innerHTML='高级'
        }
        // 当满足纯数字或者纯英文的时候
        else if(reg1.test(inpt)==true){
            ps[1].style.color='green';
            ps[1].innerHTML='初级'
        }
        // 当满足数字+英文的时候
        else if(reg2.test(inpt)==true){
            ps[1].style.color='green';
            ps[1].innerHTML='中级'  
        }
        // 这4种情况都不满足的时候弹出输入错误
        else{
            ps[1].style.color='red';
        }
        if(inps[2].value!=''){
            if(this.value==inps[2].value){
                ps[2].style.color='transparent';
            }else{
                ps[2].style.color='red';
            }
        }
    }
    // 给再次输入密码添加事件
    inps[2].onblur=function(){
        // 判断：判断密码框输入的内容和当前再次输入框里内容是否相同
        // 相同p标签里面文字为透明，否则为显示为红色
        if(inps[2].value !=''){
            if(this.value==inps[1].value){
                ps[2].style.color='transparent';
            }else{
                ps[2].style.color='red';
            }
    }
}
    // 声明一个验证码字符串
    var arr='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
    // 调用随机验证码的函数，将调用函数的结果放在a标签内
    a.innerHTML=pub.getRandomCode(4,arr);
    // 点击验证码刷新验证码
    a.onclick=function(){
        a.innerHTML=pub.getRandomCode(4,arr);
    }
    // 给输入验证码的文本框添加事件
    inps[3].onblur=function(){
        // 判断当前文本框内的内容是否与a标签内的随机验证码相同，要同时转换为大写
       if(this.value.toUpperCase()==a.innerHTML.toUpperCase()){
        ps[3].style.color='transparent';
       }else{
        ps[3].style.color='red';
       }
    }

    //  console.log(inps[4]);
     inps[4].onclick=function(){
         if(inps[5].checked){
            if((reg5.test(inps[0].value)) && (reg4.test(inps[1].value)||reg1.test(inps[1].value)||reg2.test(inps[1].value))&&(inps[2].value==inps[1].value)&&(inps[3].value.toUpperCase()==a.innerHTML.toUpperCase())){
                localStorage.user=inps[0].value;
                localStorage.pass=inps[2].value;
                console.log(localStorage);
                location.href='http://127.0.0.1:3000/login'+location.hash;
            }else{
                alert('请检查输入的用户密码是否一致')
            }
        }else{
            alert('请阅读用户协议并勾选')
        }
    }
    // 给取消按钮添加返回页面
    var del=document.querySelector('.dl-del');
    // console.log(del);
    del.onclick=function(){
        if(location.hash=='#index'){
            location.href='../index.html';
        }else if(location.hash=='#link'){
            location.href='../pages/link.html';
        }else if(location.hash=='#detail'){
            location.href='../pages/detail.html';
        }else{
             location.href='../index.html';
        }   
    }


})